<template>
<!-- 根组件 一般是用来指定公共部分 然后其他的地方引用别的组件来作为内容的展示 -->
  <div>
    我是App
    <img src="./assets/logo.png" alt="">
    <img src="./assets/logo.png" alt="">
    <img src="./assets/logo.png" alt="">
    <img src="./assets/logo.png" alt="">
    <img src="./assets/logo.png" alt="">

    <!-- 3.使用组件 用组件名作标签 -->
    <School></School>
    <Student></Student>
    <School></School>
    <Student></Student>
    <School></School>
    <Student></Student>
    <School></School>
    <Student></Student>
    <School></School>
    <Student></Student>
    <School></School>
    <Student></Student>
    <School></School>
    <Student></Student>
    <School></School>
    <Student></Student>
    <emp></emp>
    

  </div>
</template>

<script>
/* 1.引入组件
./当前目录
@/ 当前项目  直接对应的src下
*/
import School from './views/School.vue'//相对路径引入School.vue 
import Student from './views/Student.vue'
import emp from './views/emp'//如果文件夹中直接是index.xx 直接引入到文件家即可 index会省略


/* 2.注册组件 */
export default{
  name:'App',//组件的名字
  components:{
    School,
    Student,
    emp
  }//使用的子组件的对象
}


</script>